
@import 'reset';

body{
    background: #f5f5f5;
}
$width : 962px;
.header{
    width: $width;
    height: 31px;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: solid 1px #fafafa;
    p{
        float: right;
        color: #999;
        line-height: 31px;
        span{
            color:#ed145b;
            margin: 0 6px;
        }
        i{
            font-style: normal;
        }
    }
}
.logo{
    width: $width;
    height: 66px;
    margin: 0 auto;
}
.xian{
    border: solid 2px #e5e5e5;
}
.cartdie{
    width: $width;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    left: 250px;
    top: 250px;
    display: none;
    .carticon{
        float: left;
        margin: 71px 0 0 70px;
    }
    .cartright{
        margin-top: 71px;
        margin-right: 127px;
        float: right;
        h2{
            font-size: 26px;
            color: #c9c9c9;
        }
        p{
            color: #999;
            margin-top: 26px;
        }
        span{
            color: #fff;
            width: 99px;
            height: 33px;
            background: #f63071;
            padding: 8px 16px;
            margin: 0 3px;
        }
        h3{
            width: 310px;
            border: solid 2px #ddd;
            overflow: hidden;
            margin-top: 20px;
            input{
                width: 277px;
                height: 23px;
                border: 0;
                float: left;
                color: #757575;
                line-height: 23px;
                text-indent: 3px;
            }
            span{
              width: 25px;
                background: #08bfe8;
                border: 0;
                float: right;
                padding: 0;
                margin: 0;
                text-align: center;
                line-height: 33px;
                font-size: 20px;
            }
        }
    }
}
.cartshow{
    width: 1182px;
    background: #fff;
    margin: 100px auto;
    position: absolute;
    left: 180px;
    min-height: 300px;
    display: none;
    .cart-nav{
        overflow: hidden;
        width: 1136px;
        height: 38px;
        border: solid 3px #ededed;
        margin: 20px auto;
        input{
            display: block;
            float: left;
            margin-left: 14px;
            margin-top: 12px;
        }
        span{
            display: block;
            float: left;
            margin-left: 9px;
            margin-top: 10px;color: #595959;
        }
        h2,ul{
            float: left;
        }
        h2{
            margin-left: 248px;
            font-size: 16px;
            color: #595959;
            margin-top: 10px;
        }
        ul{
            li{
                font-size: 16px;
                color: #595959;
                float: left;
                margin-top: 10px;
                margin-left: 132px;
            }
        }
    }
}
.cart-list{
    width: 1138px;
    min-height: 30px;
    margin: 20px auto;
    background: #fff;
   border-bottom: solid 1px #e8e8e8;
   overflow: hidden;
   input,p{
       float: left;
       font-size: 15px;
       color: #595959;
       border: 0;
   }
   .ipt-p{
       margin: 63px 34px 63px 54px;
   }
   .small-p{
       color: #eb4c47;
       margin-top: 62px;
       margin-left: 65px;
   }
   .price-p{
        margin-top: 62px;
        margin-left: 65px;
   }
   .img-p{
       width: 97px;
       height: 97px;
       margin-top: 19px;
       margin-right: 17px;
       border: solid 1px #ededed;
       img{
           width: 100%;
       }
   }
   .name-p{
       margin-top: 62px;
       margin-left: 95px;
   }
   .less-p{
        margin-top: 62px;
        margin-left: 95px;
   }
   .delete-p{
       margin-left: 95px;
       margin-top: 62px;
   }
   .num-p{
        margin-left: 95px;
        margin-top: 60px;

   }
}
.res-num{
    width: 1138px;
    height: 58px;
    background: #fff;
    margin: 20px auto;
    border: solid 1px #e8e8e8;
    p{
        float: right;
        input{
            width: 143px;
            height: 58px;
            background: #ea413c;
            border: 0;
            color: #fff;
            line-height: 58px;
            text-align: center;
            font-size: 20px;
        }
        i{
            font-style: normal;
            color: #ea413c;
        }
        span{
            color: #ea413c;
        }
    }
}